.g-doc {width: 7.5rem;margin: 0 auto;overflow: hidden;position: relative;background: f0f2f4}




.area_01{height:5.92rem;background:url(../images/area_01.jpg?22222) no-repeat center top/cover}
.area_02{height:12.42rem;background:url(../images/area_02.jpg?22222) no-repeat center top/cover}
.area_03{height:8.96rem;background:url(../images/area_03.jpg?22222) no-repeat center top/cover;position: relative;}
.area_04{height:4.53rem;background:url(../images/area_04.jpg?22222) no-repeat center top/cover}
.area_05{height:2.86rem;background:url(../images/area_05.jpg?22222) no-repeat center top/cover}
.area_06{height:2.78rem;background:url(../images/area_06.jpg?22222) no-repeat center top/cover}
.area_07{height:2.81rem;background:url(../images/area_07.jpg?22222) no-repeat center top/cover}
.area_08{height:6.72rem;background:url(../images/area_08.jpg?22222) no-repeat center top/cover;position: relative;}
.area_09{height:11.45rem;background:url(../images/area_09.jpg?22222) no-repeat center top/cover;position: relative;}





.form{width: 5.37rem;margin-left:.65rem;padding-top: 1.03rem;position: relative;}
.form li{height: 0.82rem;width: 5.37rem;overflow:hidden;float: left;margin-bottom:.39rem;}
.form input,.form select{width: 5.37rem;height: 0.82rem;border:none;background:none;outline: none;display: block;text-indent: .15rem;font-size: .28rem;transition: all .4s;-webkit-transition: all .4s;}
.form select{-webkit-appearance: none;}
.form .statement{width: 5rem;height: .3rem;line-height: 1.2;position: absolute;font-size: .24rem;left:1.68rem;top:8.36rem;color:#333;}
.form .statement a{color:#333;;text-decoration:underline}
.form .statement .checkbox{width: .26rem;height: .26rem;position: absolute;left: -0.38rem;top: 0.02rem;}
.form .btn_sub{width: 5.1rem;height: .93rem;position: absolute;top:8.99rem;left:.53rem;}
.form .btn_rule{width: 5.1rem;height: .93rem;position: absolute;top:10.18rem;left:.53rem;}

.pdemo{width: 100%;text-align: center;font-size: .3rem;position: absolute;top:11.5rem;}


.lottery{width: 6.66rem;;position: absolute;top:1.61rem;left:.55rem}
.lottery li{width: 1.99rem;height: 1.79rem;float: left;margin:0 .21rem .19rem 0;background: url(../images/li.png) no-repeat 0 0/contain;}
.lottery li.active{background: url(../images/li_cur.png) no-repeat 0 0/contain;}
.lottery li img{width: 100%;height: 100%;}


input::-webkit-input-placeholder {
    color: 000;
  }
  input::-moz-input-placeholder {
    color: 000;
  }
  input::-ms-input-placeholder {
    color: 000;
  }



  .sbox{width: 6.8rem;height: 4.5rem;position: absolute;top:1.13rem;left:.35rem;}
  .sbox .swiper-slide{width: 6.8rem;height: 4.5rem;}
  .sbox img{width: 6.8rem;height: 4.5rem;}

  .sbox em{display: block;position: absolute;width:0.52rem;height:.47rem;top:2.5rem;outline: none;z-index:10;}
  .sbox .prev{left:-0.12rem;background:url(../images/prev.png) no-repeat 0 0/contain;}
  .sbox .next{right:-0.12rem;background:url(../images/next.png) no-repeat 0 0/contain;}

  .scroll{width: 6.65rem;height: 8.5rem;position: absolute;top:2.2rem;left:0.45rem;}
  .scroll table{border:none;}
  .scroll tr td{width: 5.8rem;border: 0;color:#333333}
  .scroll .tr1{height: 0.56rem;font-size:0.32rem;padding-top: .1rem;}
  .scroll .tr2{height: 0.26rem;font-size:0.26rem}
  .scroll .tr3{height:0.26rem;font-size: 0.26rem}
  .scroll .tr4{height:0.2rem;border-bottom: 1px solid #aaa;}
  .scroll .tr5{height:0.2rem;}

  .mCSB_scrollTools {right: 0.09rem;top: 0;width: 0.12rem;height: 100%;}
  .mCSB_dragger {width: 0.16rem;height:0.8rem;background:url(../images/bar.png) no-repeat center top/cover;right: 0.02rem;top: 0rem;z-index: 10;}
  .mCSB_draggerRail {width: 0.02rem;height: 8.5rem;background: #000;}
  .mCSB_container {width: 6.65rem;}

.selBox{width: 1.62rem;height: .42rem;position: absolute;left:.38rem;top:1.11rem;overflow:hidden;background: #c5000f;}
.selBox select{width: 1.62rem;height: .42rem;border:none;outline: none;display: block;font-size: .26rem;background: none;color: #fff;}
.selBox option{background: #c5000f;}

.pop{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 100;display: none;}
.pop:before{width: 100%;height: 100%;background: #000;opacity: .8;content:'';position: fixed;}
.pop_rule{width: 6.5rem;height: 8.89rem;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);background: url(../images/pop_rule.png) no-repeat 0 0/contain;box-sizing: border-box;padding: .8rem .26rem 0;font-size: .22rem;line-height: 1.8;text-align: justify;}
.close{position: absolute;top:0;right:0;width: .6rem;height: .6rem;}
.pop_rule span{color:#c5000f}